<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="style.css">
	<style>
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:400|Raleway:300);
html {
  font-family: 'Open Sans', Helvetica, arial, sans-serif;
  text-align: center;
  background-color: #eeeeee;
  color: #333333;
}
html *,
html *:before,
html *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1, h2, h3,
h4, h5, h6 {
  text-align: center;
  font-family: 'Raleway', 'Open Sans', sans-serif;
}

a {
  /*color: #333333;*/
  text-decoration: none;
}

/* Universal styling */
[class^="shaft-load"] {
  margin: 50px auto;
  width: 60px;
  height: 30px;
}
[class^="shaft-load"] > div {
  float: left;
  background: #893878;
  height: 100%;
  width: 5px;
  margin-right: 1px;
  display: inline-block;
}
[class^="shaft-load"] .shaft1 {
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
[class^="shaft-load"] .shaft2 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
[class^="shaft-load"] .shaft3 {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
[class^="shaft-load"] .shaft4 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
[class^="shaft-load"] .shaft5 {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
[class^="shaft-load"] .shaft6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
[class^="shaft-load"] .shaft7 {
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
[class^="shaft-load"] .shaft8 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
[class^="shaft-load"] .shaft9 {
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
[class^="shaft-load"] .shaft10 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

/* Shaft 1 */
.shaft-load > div {
  background-color: #5d8341;
  -webkit-animation: loading 1.5s infinite ease-in-out;
  -moz-animation: loading 1.5s infinite ease-in-out;
  -o-animation: loading 1.5s infinite ease-in-out;
  animation: loading 1.5s infinite ease-in-out;
  -webkit-transform: scaleY(0.05) translateX(-10px);
  -moz-transform: scaleY(0.05) translateX(-10px);
  -ms-transform: scaleY(0.05) translateX(-10px);
  -o-transform: scaleY(0.05) translateX(-10px);
  transform: scaleY(0.05) translateX(-10px);
}

@-webkit-keyframes loading {
  50% {
    -webkit-transform: scaleY(1.2) translateX(10px);
    -moz-transform: scaleY(1.2) translateX(10px);
    -ms-transform: scaleY(1.2) translateX(10px);
    -o-transform: scaleY(1.2) translateX(10px);
    transform: scaleY(1.2) translateX(10px);
    background-color: #9dc182;
  }
}
@-moz-keyframes loading {
  50% {
    -webkit-transform: scaleY(1.2) translateX(10px);
    -moz-transform: scaleY(1.2) translateX(10px);
    -ms-transform: scaleY(1.2) translateX(10px);
    -o-transform: scaleY(1.2) translateX(10px);
    transform: scaleY(1.2) translateX(10px);
    background-color: #9dc182;
  }
}
@-o-keyframes loading {
  50% {
    -webkit-transform: scaleY(1.2) translateX(10px);
    -moz-transform: scaleY(1.2) translateX(10px);
    -ms-transform: scaleY(1.2) translateX(10px);
    -o-transform: scaleY(1.2) translateX(10px);
    transform: scaleY(1.2) translateX(10px);
    background-color: #9dc182;
  }
}
@keyframes loading {
  50% {
    -webkit-transform: scaleY(1.2) translateX(10px);
    -moz-transform: scaleY(1.2) translateX(10px);
    -ms-transform: scaleY(1.2) translateX(10px);
    -o-transform: scaleY(1.2) translateX(10px);
    transform: scaleY(1.2) translateX(10px);
    background-color: #9dc182;
  }
}
/* Shaft 2 */
.shaft-load2 > div {
  background-color: #37493e;
  -webkit-animation: loading2 1.5s infinite ease-in-out;
  -moz-animation: loading2 1.5s infinite ease-in-out;
  -o-animation: loading2 1.5s infinite ease-in-out;
  animation: loading2 1.5s infinite ease-in-out;
  -webkit-transform: scaleY(0.05) translateX(-5px);
  -moz-transform: scaleY(0.05) translateX(-5px);
  -ms-transform: scaleY(0.05) translateX(-5px);
  -o-transform: scaleY(0.05) translateX(-5px);
  transform: scaleY(0.05) translateX(-5px);
}

@-webkit-keyframes loading2 {
  10% {
    background: #6e917b;
  }
  15% {
    -webkit-transform: scaleY(1.2) translateX(10px);
    -moz-transform: scaleY(1.2) translateX(10px);
    -ms-transform: scaleY(1.2) translateX(10px);
    -o-transform: scaleY(1.2) translateX(10px);
    transform: scaleY(1.2) translateX(10px);
    background: #6e917b;
  }
  90%, 100% {
    -webkit-transform: scaleY(0.05) translateX(-5px);
    -moz-transform: scaleY(0.05) translateX(-5px);
    -ms-transform: scaleY(0.05) translateX(-5px);
    -o-transform: scaleY(0.05) translateX(-5px);
    transform: scaleY(0.05) translateX(-5px);
  }
}
@-moz-keyframes loading2 {
  10% {
    background: #6e917b;
  }
  15% {
    -webkit-transform: scaleY(1.2) translateX(10px);
    -moz-transform: scaleY(1.2) translateX(10px);
    -ms-transform: scaleY(1.2) translateX(10px);
    -o-transform: scaleY(1.2) translateX(10px);
    transform: scaleY(1.2) translateX(10px);
    background: #6e917b;
  }
  90%, 100% {
    -webkit-transform: scaleY(0.05) translateX(-5px);
    -moz-transform: scaleY(0.05) translateX(-5px);
    -ms-transform: scaleY(0.05) translateX(-5px);
    -o-transform: scaleY(0.05) translateX(-5px);
    transform: scaleY(0.05) translateX(-5px);
  }
}
@-o-keyframes loading2 {
  10% {
    background: #6e917b;
  }
  15% {
    -webkit-transform: scaleY(1.2) translateX(10px);
    -moz-transform: scaleY(1.2) translateX(10px);
    -ms-transform: scaleY(1.2) translateX(10px);
    -o-transform: scaleY(1.2) translateX(10px);
    transform: scaleY(1.2) translateX(10px);
    background: #6e917b;
  }
  90%, 100% {
    -webkit-transform: scaleY(0.05) translateX(-5px);
    -moz-transform: scaleY(0.05) translateX(-5px);
    -ms-transform: scaleY(0.05) translateX(-5px);
    -o-transform: scaleY(0.05) translateX(-5px);
    transform: scaleY(0.05) translateX(-5px);
  }
}
@keyframes loading2 {
  10% {
    background: #6e917b;
  }
  15% {
    -webkit-transform: scaleY(1.2) translateX(10px);
    -moz-transform: scaleY(1.2) translateX(10px);
    -ms-transform: scaleY(1.2) translateX(10px);
    -o-transform: scaleY(1.2) translateX(10px);
    transform: scaleY(1.2) translateX(10px);
    background: #6e917b;
  }
  90%, 100% {
    -webkit-transform: scaleY(0.05) translateX(-5px);
    -moz-transform: scaleY(0.05) translateX(-5px);
    -ms-transform: scaleY(0.05) translateX(-5px);
    -o-transform: scaleY(0.05) translateX(-5px);
    transform: scaleY(0.05) translateX(-5px);
  }
}
/* Shaft 3 */
.shaft-load3 {
  position: relative;
  width: 100px;
  height: 100px;
}
.shaft-load3 > div {
  background: transparent;
  border: 4px solid transparent;
  border-color: transparent transparent transparent #506248;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate"("-50%, -50%")";
  -moz-transform: translate"("-50%, -50%")";
  -ms-transform: translate"("-50%, -50%")";
  -o-transform: translate"("-50%, -50%")";
  transform: translate"("-50%, -50%")";
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -moz-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  -o-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  -webkit-animation: loading3 2s infinite ease-in-out;
  -moz-animation: loading3 2s infinite ease-in-out;
  -o-animation: loading3 2s infinite ease-in-out;
  animation: loading3 2s infinite ease-in-out;
}
.shaft-load3 .shaft1 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
  width: 20px;
  height: 20px;
}
.shaft-load3 .shaft2 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  width: 25px;
  height: 25px;
}
.shaft-load3 .shaft3 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
  width: 30px;
  height: 30px;
}
.shaft-load3 .shaft4 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
  width: 35px;
  height: 35px;
}
.shaft-load3 .shaft5 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  width: 40px;
  height: 40px;
}
.shaft-load3 .shaft6 {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  width: 45px;
  height: 45px;
}
.shaft-load3 .shaft7 {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  animation-delay: 0.7s;
  width: 50px;
  height: 50px;
}
.shaft-load3 .shaft8 {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
  width: 55px;
  height: 55px;
}
.shaft-load3 .shaft9 {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  width: 60px;
  height: 60px;
}
.shaft-load3 .shaft10 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  width: 65px;
  height: 65px;
}

@-webkit-keyframes loading3 {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    border-color: transparent transparent rgba(143, 165, 132, 0.1) #8fa584;
  }
  75% {
    border-color: rgba(143, 165, 132, 0.1) transparent transparent #8fa584;
  }
}
@-moz-keyframes loading3 {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    border-color: transparent transparent rgba(143, 165, 132, 0.1) #8fa584;
  }
  75% {
    border-color: rgba(143, 165, 132, 0.1) transparent transparent #8fa584;
  }
}
@-o-keyframes loading3 {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    border-color: transparent transparent rgba(143, 165, 132, 0.1) #8fa584;
  }
  75% {
    border-color: rgba(143, 165, 132, 0.1) transparent transparent #8fa584;
  }
}
@keyframes loading3 {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    border-color: transparent transparent rgba(143, 165, 132, 0.1) #8fa584;
  }
  75% {
    border-color: rgba(143, 165, 132, 0.1) transparent transparent #8fa584;
  }
}
/* Shaft 4 */
.shaft-load4 {
  margin-top: 80px;
  width: 80px;
}
.shaft-load4 > div {
  background-color: #693e58;
  margin-right: 0;
  -webkit-animation: loading4 1.5s infinite ease-in-out;
  -moz-animation: loading4 1.5s infinite ease-in-out;
  -o-animation: loading4 1.5s infinite ease-in-out;
  animation: loading4 1.5s infinite ease-in-out;
  width: 8px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scaleY(0.1);
  -moz-transform: scaleY(0.1);
  -ms-transform: scaleY(0.1);
  -o-transform: scaleY(0.1);
  transform: scaleY(0.1);
}

@-webkit-keyframes loading4 {
  50% {
    -webkit-transform: scaleY(1.5);
    -moz-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    -o-transform: scaleY(1.5);
    transform: scaleY(1.5);
    background: #af7899;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes loading4 {
  50% {
    -webkit-transform: scaleY(1.5);
    -moz-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    -o-transform: scaleY(1.5);
    transform: scaleY(1.5);
    background: #af7899;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-o-keyframes loading4 {
  50% {
    -webkit-transform: scaleY(1.5);
    -moz-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    -o-transform: scaleY(1.5);
    transform: scaleY(1.5);
    background: #af7899;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes loading4 {
  50% {
    -webkit-transform: scaleY(1.5);
    -moz-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    -o-transform: scaleY(1.5);
    transform: scaleY(1.5);
    background: #af7899;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
/* Shaft 5 */
.shaft-load5 {
  height: 40px;
}
.shaft-load5 > div {
  background-color: #683276;
  position: relative;
  bottom: 0;
  margin-top: 35px;
  height: 5px;
  -webkit-animation: loading5 1.5s infinite ease-in-out;
  -moz-animation: loading5 1.5s infinite ease-in-out;
  -o-animation: loading5 1.5s infinite ease-in-out;
  animation: loading5 1.5s infinite ease-in-out;
}
.shaft-load5 .shaft1 {
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.shaft-load5 .shaft2 {
  -webkit-animation-delay: -1.4s;
  -moz-animation-delay: -1.4s;
  -o-animation-delay: -1.4s;
  animation-delay: -1.4s;
}
.shaft-load5 .shaft3 {
  -webkit-animation-delay: -1.3s;
  -moz-animation-delay: -1.3s;
  -o-animation-delay: -1.3s;
  animation-delay: -1.3s;
}
.shaft-load5 .shaft4 {
  -webkit-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  animation-delay: -1.2s;
}
.shaft-load5 .shaft5 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.shaft-load5 .shaft6 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.shaft-load5 .shaft7 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.shaft-load5 .shaft8 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.shaft-load5 .shaft9 {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.shaft-load5 .shaft10 {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.shaft-load5 .shaft11 {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

@-webkit-keyframes loading5 {
  50% {
    height: 100%;
    margin-top: 0;
    background: #ad69bf;
  }
}
@-moz-keyframes loading5 {
  50% {
    height: 100%;
    margin-top: 0;
    background: #ad69bf;
  }
}
@-o-keyframes loading5 {
  50% {
    height: 100%;
    margin-top: 0;
    background: #ad69bf;
  }
}
@keyframes loading5 {
  50% {
    height: 100%;
    margin-top: 0;
    background: #ad69bf;
  }
}
/* Shaft 6 */
.shaft-load6 {
  height: 40px;
  width: 90px;
  overflow: hidden;
}
.shaft-load6 > div {
  background-color: #564e94;
  width: 8px;
  position: relative;
  bottom: -2px;
  margin-top: 37px;
  height: 3px;
  transform: skewY(0deg);
  -webkit-animation: loading6 1.5s infinite ease-in-out;
  -moz-animation: loading6 1.5s infinite ease-in-out;
  -o-animation: loading6 1.5s infinite ease-in-out;
  animation: loading6 1.5s infinite ease-in-out;
}

@-webkit-keyframes loading6 {
  25% {
    transform: skewY(25deg);
  }
  50% {
    height: 100%;
    transform: skewY(0);
    margin-top: 0;
    background: #9e99c9;
  }
  75% {
    transform: skewY(-25deg);
  }
}
@-moz-keyframes loading6 {
  25% {
    transform: skewY(25deg);
  }
  50% {
    height: 100%;
    transform: skewY(0);
    margin-top: 0;
    background: #9e99c9;
  }
  75% {
    transform: skewY(-25deg);
  }
}
@-o-keyframes loading6 {
  25% {
    transform: skewY(25deg);
  }
  50% {
    height: 100%;
    transform: skewY(0);
    margin-top: 0;
    background: #9e99c9;
  }
  75% {
    transform: skewY(-25deg);
  }
}
@keyframes loading6 {
  25% {
    transform: skewY(25deg);
  }
  50% {
    height: 100%;
    transform: skewY(0);
    margin-top: 0;
    background: #9e99c9;
  }
  75% {
    transform: skewY(-25deg);
  }
}
/* Shaft 7 */
.shaft-load7 > div {
  background-color: #5d7690;
  height: 2px;
  -webkit-animation: loading7 1s infinite ease-in-out;
  -moz-animation: loading7 1s infinite ease-in-out;
  -o-animation: loading7 1s infinite ease-in-out;
  animation: loading7 1s infinite ease-in-out;
  -webkit-transform: translateY"("-10px")";
  -moz-transform: translateY"("-10px")";
  -ms-transform: translateY"("-10px")";
  -o-transform: translateY"("-10px")";
  transform: translateY"("-10px")";
}

@-webkit-keyframes loading7 {
  50% {
    background: #a7b6c6;
    -webkit-transform: translateY"("10px")";
    -moz-transform: translateY"("10px")";
    -ms-transform: translateY"("10px")";
    -o-transform: translateY"("10px")";
    transform: translateY"("10px")";
  }
}
@-moz-keyframes loading7 {
  50% {
    background: #a7b6c6;
    -webkit-transform: translateY"("10px")";
    -moz-transform: translateY"("10px")";
    -ms-transform: translateY"("10px")";
    -o-transform: translateY"("10px")";
    transform: translateY"("10px")";
  }
}
@-o-keyframes loading7 {
  50% {
    background: #a7b6c6;
    -webkit-transform: translateY"("10px")";
    -moz-transform: translateY"("10px")";
    -ms-transform: translateY"("10px")";
    -o-transform: translateY"("10px")";
    transform: translateY"("10px")";
  }
}
@keyframes loading7 {
  50% {
    background: #a7b6c6;
    -webkit-transform: translateY"("10px")";
    -moz-transform: translateY"("10px")";
    -ms-transform: translateY"("10px")";
    -o-transform: translateY"("10px")";
    transform: translateY"("10px")";
  }
}
/* Shaft 8 */
.shaft-load8 {
  width: 92px;
}
.shaft-load8 > div {
  background-color: #728f5d;
  height: 5px;
  margin-right: 0;
  -webkit-animation: loading8 1s infinite ease-in-out;
  -moz-animation: loading8 1s infinite ease-in-out;
  -o-animation: loading8 1s infinite ease-in-out;
  animation: loading8 1s infinite ease-in-out;
}

@-webkit-keyframes loading8 {
  80% {
    background: #b3c5a6;
    margin-right: 5px;
    -webkit-transform: translateX"("-10px")";
    -moz-transform: translateX"("-10px")";
    -ms-transform: translateX"("-10px")";
    -o-transform: translateX"("-10px")";
    transform: translateX"("-10px")";
  }
}
@-moz-keyframes loading8 {
  80% {
    background: #b3c5a6;
    margin-right: 5px;
    -webkit-transform: translateX"("-10px")";
    -moz-transform: translateX"("-10px")";
    -ms-transform: translateX"("-10px")";
    -o-transform: translateX"("-10px")";
    transform: translateX"("-10px")";
  }
}
@-o-keyframes loading8 {
  80% {
    background: #b3c5a6;
    margin-right: 5px;
    -webkit-transform: translateX"("-10px")";
    -moz-transform: translateX"("-10px")";
    -ms-transform: translateX"("-10px")";
    -o-transform: translateX"("-10px")";
    transform: translateX"("-10px")";
  }
}
@keyframes loading8 {
  80% {
    background: #b3c5a6;
    margin-right: 5px;
    -webkit-transform: translateX"("-10px")";
    -moz-transform: translateX"("-10px")";
    -ms-transform: translateX"("-10px")";
    -o-transform: translateX"("-10px")";
    transform: translateX"("-10px")";
  }
}
/* Shaft 9 */
.shaft-load9 {
  position: relative;
  width: 100px;
  height: 100px;
}
.shaft-load9 > div {
  background: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  border: 1px solid #38326f;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate"("-50%, -50%")";
  -moz-transform: translate"("-50%, -50%")";
  -ms-transform: translate"("-50%, -50%")";
  -o-transform: translate"("-50%, -50%")";
  transform: translate"("-50%, -50%")";
  -webkit-transform: translate"("-50%, -50%")";
  -moz-transform: translate"("-50%, -50%")";
  -ms-transform: translate"("-50%, -50%")";
  -o-transform: translate"("-50%, -50%")";
  transform: translate"("-50%, -50%")";
  -webkit-animation: loading9 1.2s infinite ease-in-out;
  -moz-animation: loading9 1.2s infinite ease-in-out;
  -o-animation: loading9 1.2s infinite ease-in-out;
  animation: loading9 1.2s infinite ease-in-out;
}
.shaft-load9 .shaft1 {
  background: #6e67ba;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
  width: 3px;
  height: 3px;
}
.shaft-load9 .shaft2 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  width: 10px;
  height: 10px;
}
.shaft-load9 .shaft3 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
  width: 20px;
  height: 20px;
}
.shaft-load9 .shaft4 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
  width: 30px;
  height: 30px;
}
.shaft-load9 .shaft5 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  width: 40px;
  height: 40px;
}
.shaft-load9 .shaft6 {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  width: 50px;
  height: 50px;
}
.shaft-load9 .shaft7 {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  animation-delay: 0.7s;
  width: 60px;
  height: 60px;
}
.shaft-load9 .shaft8 {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
  width: 70px;
  height: 70px;
}
.shaft-load9 .shaft9 {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  width: 80px;
  height: 80px;
}
.shaft-load9 .shaft10 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  width: 90px;
  height: 90px;
}

@-webkit-keyframes loading9 {
  25% {
    border-color: #6e67ba;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes loading9 {
  25% {
    border-color: #6e67ba;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-o-keyframes loading9 {
  25% {
    border-color: #6e67ba;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes loading9 {
  25% {
    border-color: #6e67ba;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
/* Shaft 10 */
.shaft-load10 > div {
  background-color: #66646b;
  -webkit-animation: loading10 1.5s infinite ease-in-out;
  -moz-animation: loading10 1.5s infinite ease-in-out;
  -o-animation: loading10 1.5s infinite ease-in-out;
  animation: loading10 1.5s infinite ease-in-out;
  -webkit-transform: scaleY(0.05);
  -moz-transform: scaleY(0.05);
  -ms-transform: scaleY(0.05);
  -o-transform: scaleY(0.05);
  transform: scaleY(0.05);
}
.shaft-load10 .shaft1 {
  height: 100%;
}
.shaft-load10 .shaft2 {
  height: 110%;
}
.shaft-load10 .shaft3 {
  height: 120%;
}
.shaft-load10 .shaft4 {
  height: 130%;
}
.shaft-load10 .shaft5 {
  height: 140%;
}
.shaft-load10 .shaft6 {
  height: 150%;
}
.shaft-load10 .shaft7 {
  height: 160%;
}
.shaft-load10 .shaft8 {
  height: 170%;
}
.shaft-load10 .shaft9 {
  height: 180%;
}
.shaft-load10 .shaft10 {
  height: 190%;
}

@-webkit-keyframes loading10 {
  50% {
    -webkit-transform: scaleY(1.2);
    -moz-transform: scaleY(1.2);
    -ms-transform: scaleY(1.2);
    -o-transform: scaleY(1.2);
    transform: scaleY(1.2);
    background: #a6a4aa;
  }
}
@-moz-keyframes loading10 {
  50% {
    -webkit-transform: scaleY(1.2);
    -moz-transform: scaleY(1.2);
    -ms-transform: scaleY(1.2);
    -o-transform: scaleY(1.2);
    transform: scaleY(1.2);
    background: #a6a4aa;
  }
}
@-o-keyframes loading10 {
  50% {
    -webkit-transform: scaleY(1.2);
    -moz-transform: scaleY(1.2);
    -ms-transform: scaleY(1.2);
    -o-transform: scaleY(1.2);
    transform: scaleY(1.2);
    background: #a6a4aa;
  }
}
@keyframes loading10 {
  50% {
    -webkit-transform: scaleY(1.2);
    -moz-transform: scaleY(1.2);
    -ms-transform: scaleY(1.2);
    -o-transform: scaleY(1.2);
    transform: scaleY(1.2);
    background: #a6a4aa;
  }
}
/* Shaft 11 */
.shaft-load11 {
  position: relative;
  width: 100px;
  height: 100px;
}
.shaft-load11 > div {
  background: transparent;
  border: 8px solid transparent;
  border-color: #47444e transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate"("-50%, -50%")";
  -moz-transform: translate"("-50%, -50%")";
  -ms-transform: translate"("-50%, -50%")";
  -o-transform: translate"("-50%, -50%")";
  transform: translate"("-50%, -50%")";
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -moz-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  -o-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  -webkit-animation: loading11 2s infinite ease-in-out;
  -moz-animation: loading11 2s infinite ease-in-out;
  -o-animation: loading11 2s infinite ease-in-out;
  animation: loading11 2s infinite ease-in-out;
}
.shaft-load11 .shaft1 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
  width: 20px;
  height: 20px;
}
.shaft-load11 .shaft2 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  width: 25px;
  height: 25px;
}
.shaft-load11 .shaft3 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
  width: 35px;
  height: 35px;
}
.shaft-load11 .shaft4 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
  width: 45px;
  height: 45px;
}
.shaft-load11 .shaft5 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  width: 55px;
  height: 55px;
}
.shaft-load11 .shaft6 {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  width: 65px;
  height: 65px;
}
.shaft-load11 .shaft7 {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  animation-delay: 0.7s;
  width: 75px;
  height: 75px;
}
.shaft-load11 .shaft8 {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
  width: 80px;
  height: 80px;
}
.shaft-load11 .shaft9 {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  width: 85px;
  height: 85px;
}
.shaft-load11 .shaft10 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  width: 90px;
  height: 90px;
}

@-webkit-keyframes loading11 {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    border-color: #858091 transparent;
  }
}
@-moz-keyframes loading11 {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    border-color: #858091 transparent;
  }
}
@-o-keyframes loading11 {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    border-color: #858091 transparent;
  }
}
@keyframes loading11 {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    border-color: #858091 transparent;
  }
}

	
	.showLoadingTop{
	position: fixed;
    z-index: 10000;
    top: 40%;
    left: 40%;
    margin: 0;
    height: 6%;
	}
	.backGroundDiv{
	width: 100%;
height: 100%;
position: fixed;
background:rgba(255,255,255,0.5);
z-index:1000;
top: 0;
left: 0
	}
	.cantScrool{
	overflow:hidden
	}
	</style>
</head>
<body>
<a href="//www.baidu.com">点我啊</a>
<div>请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。请使用 switch 语句来选择要执行的多个代码块之一。</div>

</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
function showLoading(number){
var backDiv =  $("#backDiv")[0];
if(backDiv){
$("#backDiv").show();
$("body").addClass("cantScrool");
}else{
var loadingDiv="";
loadingDiv+='<div id="backDiv" class="backGroundDiv">';
switch(number){
case 1:
loadingDiv+='<div class="shaft-load showLoadingTop">'
break;
case 2:
loadingDiv+='<div class="shaft-load2 showLoadingTop">'
break;
case 3:
loadingDiv+='<div class="shaft-load3 showLoadingTop">'
break;
case 4:
loadingDiv+='<div class="shaft-load4 showLoadingTop">'
break;
case 5:
loadingDiv+='<div class="shaft-load5 showLoadingTop">'
break;
case 6:
loadingDiv+='<div class="shaft-load6 showLoadingTop">'
break;
case 7:
loadingDiv+='<div class="shaft-load7 showLoadingTop">'
break;
case 8:
loadingDiv+='<div class="shaft-load8 showLoadingTop">'
break;
case 9:
loadingDiv+='<div class="shaft-load9 showLoadingTop">'
break;
case 10:
loadingDiv+='<div class="shaft-load10 showLoadingTop">'
break;
case 11:
loadingDiv+='<div class="shaft-load11 showLoadingTop">'
break;
}
loadingDiv+=' <div class="shaft1"></div><div class="shaft2"></div><div class="shaft3"></div><div class="shaft4"></div><div class="shaft5"></div><div class="shaft6"></div><div class="shaft7"></div><div class="shaft8"></div><div class="shaft9"></div><div class="shaft10"></div></div></div>';
$("body").append(loadingDiv);
$("body").addClass("cantScrool");
}
}
function hideLoading(){
if($("#backDiv")[0]){$("#backDiv").hide();$("body").removeClass("cantScrool");}else{return false}
}
showLoading(11);
setTimeout("hideLoading()",5000)
</script>
</html>